@charset "utf-8";
/* CSS Document */

body { background:url(bg.png) repeat-x scroll left top #fafafa; font: 12px/1.5 宋体, Arial, Helvetica, sans-serif}
a { color:#666;}



#header { width:1004px; margin:0px auto; border-bottom:1px solid #fff;}
#header .top { width:100%; height:77px; background:#232323 no-repeat scroll 224px top;}
#header .top .logo { float:left;}
#header .top .top-r { float:right; width:228px;}
#header .top .top-nav { float:right; height:17px; line-height:17px; background:#000; margin-bottom:8px; text-align:right;}
#header .top .top-nav a { padding:0px 10px; font-size:9px; color:#656565; text-decoration:none;}
#header .top .top-nav a:hover { color:#999;}
#header .top .top-search { float:right; height:24px;}
#header .top .top-search .input-text { width:196px; height:22px; background:#000; border:1px solid #373737; float:left; line-height:22px; color:#999;}
#header .top .top-search .input-submit { width:30px; height:24px; border:none; cursor:pointer; background:url(search-submit.png) no-repeat scroll left top; float:left;}


#header .navigation { height:53px; position:relative; z-index:1000;}
#header .navigation ul li { float:left; height:53px;}
#header .navigation #nav-list{}
#header .navigation .nav-li{ float:left; height:53px;}
#header .navigation .nav-li a { height:53px; overflow:hidden;}
#header .navigation .nav-li img{ vertical-align:bottom; display:block;}
#header .navigation .nav-li1 { position:relative; height:53px;}
#header .navigation .sub-nav{ position:relative; z-index:999;}
#apDiv1,#apDiv2,#apDiv3,#apDiv4,#apDiv5,#apDiv6 {position:absolute;	width:118px;left:0px;color:#000;top:53px; display:none; background:#343434; padding-bottom:30px; z-index:9999999999;}
#header .navigation .sub-nav li{ width:118px; height:28px; line-height:28px; text-align:center; background:#2d2d2d; color:#999;}
#header .navigation .sub-nav li a{ text-decoration:none; color:#999; width:118px; height:28px; display:block;}
#header .navigation .sub-nav li a:hover{ color:#fff; background:#ff6600;}



#banner { border-bottom:1px solid #fff;  text-align:center; position:relative; z-index:1; height:501px; width:100%; background:url(ad_1.jpg) no-repeat scroll center top;}
#banner img {}

#banner .clearfloat { height:0; font-size:1px; clear:both; line-height:0; }
#banner a { color:#fff; text-decoration:none; }
#banner a:hover { color:#ef9b11; text-decoration:none; }

#slide-index{min-width:1000px;width:auto; height:501px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1000px; width:auto; height:501px; }
#slide-index .slide{ min-width:1000px; height:501px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-500px; }
#slide-index .button{ display:none; width:138px;}

#slide-index .control{ position:absolute; bottom:0px; cursor:pointer; z-index:40;}
#slide-index .control a{ width:17px; height:12px; text-align:center; line-height:12px; font-size:9px; cursor:pointer; background:#232323; color:#ccc; display:inline-block;/* opacity:0.3; filter:alpha(opacity=30);*/}
#slide-index .control a:hover, #slide-index .control a.active{  opacity:1; filter:alpha(opacity=100); background:#f00;}
#slide-index .control a img { border:2px solid #7c7c7c;}
#slide-index .control a:hover img, #slide-index .control a.active img {border:2px solid #fea911; }
#slide-index .control a:hover .tab_memo, #slide-index .control a.active .tab_memo { color:#000; }

.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }

.image0 { width:100%; height:501px; background:url(ad_1.jpg) no-repeat scroll center center; }
.image1 { width:100%; height:501px; background:url(ad_2.jpg) no-repeat scroll center center; }
.image2 { width:100%; height:501px; background:url(ad_3.jpg) no-repeat scroll center center; }
.image3 { width:100%; height:501px; background:url(ad_4.jpg) no-repeat scroll center center; }

#banner .banner_tab { width:100%; height:24px; overflow:hidden; background:url(banner-tabbg.png) repeat-x scroll left top ;}
#banner .banner_tab ul { height:21px; padding-top:3px;}
#banner .banner_tab li { display:inline-block; padding:0px 6px 0px 6px;}
#banner .banner_tab li a { color:#fff;}
#slide-index .control li.on a {}

















#sub-banner { width:1004px; height:251px; margin:0px auto; overflow:hidden; border-bottom:1px solid #fff;  }



#main { width:100%; border-top:1px solid #e5e5e5;}
.index-main { width:1004px; margin:0px auto;}
.index-main .index-title { height:35px; border-bottom:1px solid #d8d8d8; font-size:12px; line-height:43px; color:#363636; font-weight:bold;}
.index-main .index-title a { float:right; color:#6d6d6d; font-size:9px;}
.index-main .index-wrap { border-top:1px solid #fff; padding-top:15px; margin-bottom:35px;}

.index-main .index-news { float:left; padding-left:7px; width:382px; margin-right:30px;}
.index-main .index-news .index-newsBox {}
.index-main .index-news .index-newsBox ul li { padding-bottom:11px;}
.index-main .index-news .index-newsBox ul li .pic { float:left; width:94px;}
.index-main .index-news .index-newsBox ul li .pic img { width:88px; height:46px; border:4px solid #d7d7d7; display:block; vertical-align:bottom;}
.index-main .index-news .index-newsBox ul li .txt { float:right; width:274px;}
.index-main .index-news .index-newsBox ul li .txt span { display:block;}
.index-main .index-news .index-newsBox ul li .txt .title a { line-height:20px; color:#6a6a6a; font-weight:bold;}
.index-main .index-news .index-newsBox ul li .txt .memo { color:#9c9c9c; line-height:17px;}

.index-main .index-service { float:left; width:339px;}
.index-main .index-serviceBox { width:337px; height:113px; padding-top:4px; border:1px solid #e5e5e5; background:#fff;}
.index-main .index-serviceBox .prev-btn { float:left; width:18px; text-align:center; display:inline-block; margin-top:50px;}
.index-main .index-serviceBox .next-btn { float:left; width:18px; text-align:center; display:inline-block; margin-top:50px;}
.index-main .index-serviceBox .index-serviceScroll { float:left; width:301px; height:109px;}
.index-main .index-serviceBox .index-serviceScroll ul li { float:left;}
.index-main .index-serviceBox .index-serviceScroll ul li img { width:301px; height:109px; display:block; vertical-align:bottom;}

.index-main .index-case { float:right; width:217px;}
.index-main .index-caseBox ul { padding-bottom:12px;}
.index-main .index-caseBox ul li { line-height:20px; background:url(index-case002.png) no-repeat scroll 4px center; text-indent:15px;}
.index-main .index-caseBox ul li a { color:#6d6d6d;}







#footer { width:100%; background:url(footer-bg.png) repeat-x scroll left top #f4f4f4; padding:16px 0px 32px 0px;}
#footer .footer-wrap { width:1004px; margin:0px auto;}
#footer .footer-wrap .footer-name { float:left; padding-left:9px; line-height:17px; color:#666;}
#footer .footer-wrap .footer-name span { color:#b7b7b7; font-size:11px;}
#footer .footer-wrap .footer-nav { float:right; color:#666;}
#footer .footer-wrap .footer-nav a { color:#666; padding:0px 10px;}
#footer .footer-wrap .footer-nav em { font-style:normal; color:#ff003c;}




.sidebar { float:left; width:216px; margin-bottom:35px;}
.sidebar .title { height:35px; border-bottom:1px solid #d8d8d8; font-size:12px; line-height:43px; color:#363636; font-weight:bold;}
.sidebar .sidebar-box { border-top:1px solid #fff; width:216px; padding-top:9px;}
.sidebar .sidebar-box ul { padding-bottom:8px;}
.sidebar .sidebar-box ul li { height:28px; line-height:28px; margin-bottom:2px;}
.sidebar .sidebar-box ul li a { display:block; width:100%; height:28px; line-height:28px; text-indent:18px; background:#c6c6c6; color:#fff; font-weight:bold;}
.sidebar .sidebar-box ul li a:hover { background:#ff6600; color:#fff; text-decoration:none;}
.sidebar .sidebar-box ul li.current a { background:#ff6600; color:#fff;}


.container { width:758px; float:right; margin-bottom:35px;}
.container .title { height:35px; border-bottom:1px solid #d8d8d8; font-size:12px; line-height:43px; color:#363636; font-weight:bold;}
.container .content { border-top:1px solid #fff; padding:29px 5px 0px 5px; line-height:24px; color:#666;}


.content-contact {}
.content-contact .contact-map { float:left; width:416px; background:#fff; padding:7px;}
.content-contact .contact-box { float:right; width:300px;}
.content-contact .contact-text { line-height:18px; padding-bottom:10px;}
.content-contact .contact-text strong { color:#000; padding-bottom:5px; display:inline-block;}
.content-contact .contact-message {}
.content-contact .contact-messageForm { padding-top:12px;}
.content-contact .contact-messageForm ul li { padding:5px 0px;}
.content-contact .contact-messageForm ul li label { float:left; width:37px; display:inline-block; color:#000;}
.content-contact .contact-messageForm ul li input { float:left;}
.content-contact .contact-messageForm ul li textarea { float:left; width:261px; height:90px; border:1px solid #d7d7d7;}
.content-contact .contact-messageForm ul li .input-text1 { width:101px; height:21px; border:1px solid #d7d7d7; line-height:21px;}
.content-contact .contact-messageForm ul li .input-text2 { width:261px; height:21px; line-height:21px; border:1px solid #d7d7d7;}
.content-contact .contact-messageForm ul li .input-submit { width:85px; height:23px; line-height:23px; text-align:center; color:#fff; background:#49ad93; cursor:pointer; border:none;}
.content-contact .contact-messageForm ul li .input-name { margin-right:17px;}



.newsList { padding-bottom:28px;}
.newsList li { height:29px; border-bottom:1px solid #e4e4e4;}
.newsList li a span { float:right; padding-right:5px;}
.newsList li a { height:29px; line-height:29px; display:block; background:url(news001.png) no-repeat scroll 6px center; text-indent:19px; color:#666;}
.newsList li a:hover { text-decoration:none; background:url(news002.jpg) no-repeat scroll 6px center; color:#333;}


.pager { width:100%; height:19px; line-height:19px; text-align:center;/* background:#232323;*/}
.pager span { padding:0px 5px; display:inline-block; color:#fff;}
.pager span a { color:#fff;}
.pager span a:hover { color:#f00; text-decoration:underline;}
.pager .current { color:#f00;}



.clientList {}
.clientList li { width:24.9%; height:185px; float:left;}
.clientList li p { width:176px; margin:0px auto;}
.clientList li .pic { width:174px; height:100px; border:1px solid #d7d7d7;}
.clientList li .pic img { width:164px; height:92px; display:block; vertical-align:bottom; margin:0px auto; border:4px solid #fff;}
.clientList li .name { line-height:18px; color:#666; text-align:center; height:28px; line-height:28px;}
.clientList li .name a { color:#666;}
.clientList li .name a:hover { color:#333;}



.content-job {}
.content-job .tt { height:27px; line-height:27px; color:#fff; background:#000; font-weight:normal; margin-bottom:20px;}
.content-job .tt span { display:inline-block; width:117px; height:27px; text-align:center; font-weight:bold; background:#49ad93; margin-right:12px;}
.content-job .jobList { width:100%;}
.content-job .jobList li { border:1px solid #dcdcdc; line-height:35px; margin-bottom:20px;}
.content-job .jobList li .item { border-bottom:1px solid #dcdcdc;}
.content-job .jobList li .span1 { float:left; width:27%; border-right:1px solid #dcdcdc; text-indent:12px;}
.content-job .jobList li .span2 { float:left; width:22%; border-right:1px solid #dcdcdc; text-indent:12px;}
.content-job .jobList li .span3 { float:left; width:22%; border-right:1px solid #dcdcdc; text-indent:12px;}
.content-job .jobList li .span4 { float:left; width:28%; text-indent:12px;}
.content-job .jobList li .span5 { float:left; width:50%; text-indent:12px;}
.content-job .jobList li .item4 { padding-left:12px; border-bottom:none; line-height:24px;}



.news-title { line-height:32px; height:32px; border-bottom:1px solid #d8d8d8; text-align:center; color:#333; font-size:14px;}
.news-title span { font-size:11px; color:#666; font-weight:normal; padding-left:12px;}
.news-details { border-top:1px solid #fff; padding-top:25px;}


.dh {width:1004px; margin:auto;}

div.wrapper { width: 1004px; margin: 0 auto; position: relative; }
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; left: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(images/prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(images/next.png) no-repeat left top !important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; /*background: url(images/load.gif) no-repeat left top;*/ width: 31px; height: 31px; }
#slideshow { width:1004px; height: 475px; }
    #slideshow ul { display: none; }